.card.upwork-stats-nudge {
	padding: 0; // allow section header to perfectly sit over the top of the card
}

.upwork-stats-nudge__body {
	align-items: flex-end;
	display: flex;
	padding: 11px 24px; // Standard padding

	@include breakpoint-deprecated( '>960px' ) {
		max-height: 300px;
		padding-bottom: 0; // Allow image to go right to the edge of the card
	}
}

.upwork-stats-nudge__info {
	display: flex;
	flex-direction: column;
	justify-content: center;

	@include breakpoint-deprecated( '>960px' ) {
		padding-right: 12px; // The image has about 12 px of whitespace, this helps "balance" the block
	}
}

.upwork-stats-nudge__title {
	font-size: $font-title-small;
	font-weight: 400;
	margin: 10px 0 5px;
}

.upwork-stats-nudge__description {
	font-size: $font-body;
	font-weight: 400;
}

.upwork-stats-nudge__button-row {
	align-content: center;
	display: flex;
	margin-bottom: 20px;

	@include breakpoint-deprecated( '>960px' ) {
		margin-bottom: 30px;
	}

	.button {
		@include breakpoint-deprecated( '<480px' ) {
			width: 100%;
			text-align: center;
		}
	}
}

.upwork-stats-nudge__image-wrapper {
	display: none;

	@include breakpoint-deprecated( '>960px' ) {
		display: flex;
		height: 200px;
		margin-right: 40px;
		min-width: 260px;
	}
}

.upwork-stats-nudge__image {
	width: 100%;
}

.upwork-stats-nudge__close-icon {
	position: absolute;
	top: 14px;
	right: 18px;
	color: var( --color-neutral-light );
	cursor: pointer;
	z-index: z-index( 'root', '.upwork-stats-nudge__close-icon' );
}
